<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .outer{
            width: 750px;
            height: 669px;
            /* background-color: red; */
            border: 1px solid black;
            margin:auto;
        }
        .top{
            width: 750px;
            height: 74.9px;
            background-color: blue;
            position: fixed;
        }
        .middle{
            width: 750px;
            height: 590px;
            /* background-color: green;    */
            /* justify-content: space-between;           */
        }
        .middle1{
            width: 750px;
            height: 131.5px;
            /* background-color: yellow; */
            border-radius: 10px;
        }
        .middle2{
            width: 750px;
            height: 199px;
            /* background-color: tomato; */
            display: flex;
            /* float: left; */
            flex-direction: column;
            justify-content: space-between;
            
        }
        .middle2>img{
            width: 750px;
            height: 199px;
        }
        .n1{
            width:750px;
            height: 100px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 20px;
        }

    </style>
</head>
<body>
    <div class="outer">
        <div class="top" style="text-align:center;line-height:height;"><strong><font size="6">汽车广场</font></strong></div>
        <div class="middle">
            <div class="middle1"></div>
            <div class="middle2"><img src="./汽车.jpg" alt=""></div>
            <div class="n1">
                <div class="a1">
                    <img src="./大v.png" alt="">
                    <span>大V榜</span>
                </div>
                <div class="a2">
                    <img src="./新车上市.png" alt="">
                    <span>新车上市</span>
                </div>
                <div class="a3">
                    <img src="./热议车榜.png" alt="">
                    <span>热议车榜</span>
                </div>
                <div class="a4">
                    <img src="./热车排行.png" alt="">
                    <span>热车排行</span>
                </div>
                <div class="a5">
                    <img src="./底价查询.png" alt="">
                    <span>底价查询</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>